/* 整体页面布局样式 */
.wrapper {
  /* 让div高度和body一样高 */
  height: 100%;
  /* 让div的宽度和body一样宽 */
  width: 100%;
  /* 调试样式看边界 */
  /* border: 1px solid black; */
  background-color: #F5F5F5;
}

/* 标题区样式 */
.wrapper header {
  width: 100%;
  height: 12vw;
  /* border: 1px solid black; */
  display: flex;
  /* 字体标签和两个p之间保持相等的距离 */
  justify-content: space-between;
  /* 垂直居中效果 */
  align-items: center;
  /* 内边距 */
  padding: 0 2vw 0 1vw;
  /* 边框盒子模型样式保持div在使用了内边距情况下宽度不变 */
  box-sizing: border-box;
  color: #FFFFFF;
  background-color: #00AA91;
  /* 使用固定定位 */
  position: fixed;
  top: 0;
  left: 0;
  /* 保证标题永远都在最上层 */
  z-index: 1000;
  font-size: 4.8vw;
}

.wrapper .recipientList {
  width: 100%;
  margin-top: 12vw;
  padding: 20px;
}

.wrapper .recipientList li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vw;
  box-sizing: border-box;
  margin-bottom: 3vw;
  background-color: #FFFFFF;
  color: #666666;
}

.wrapper .recipientList li .recipient h3 {
  font-size: 4.6vw;
  padding: 0 0 2vw 0;
  font-weight: 300;
}

.wrapper .recipientList li .recipient p {
  font-size: 4.6vw;
  padding: 0 0 2vw 0;
}